body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
}
html,body{
    width: 100%;
    height: 100%;
}
li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    border: none;
    vertical-align: middle;
}

.clear::after {
    content: "";
    display: block;
    clear: both;
}
* {
    padding: 0px;
    margin: 0px;
}

ul {
    list-style: none;
}
ul {
    padding: 0px;
    margin:0;
    BORDER: medium none;
    list-style-type: none;
    text-overflow:ellipsis;
}
a {
    text-decoration: none;
    color: #333;
}
html{
    font-size: 100px;
}
body {
    background-color: #F3F3F3;
  
    font-family:Helvetica;
    -webkit-text-size-adjust:100%;
    font-size:0.12rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main{
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    height: 100%;
}
.book_bk_qs1 {
    border-style: solid;
    border-width: 1px 0px;
    -webkit-border-image: url("../images/1px_bk_qs2.png") 2 0 stretch;
    background: #FFF;
  }
  figure {
    border-radius: 17.577px;
    overflow: hidden;
    height: 35.154px;
    width: 35.154px;
    margin: 0 9.374px 0 0;
}
figure {
    display: block;
   /* margin-block-start: 1em;
    */
    margin-block-end: 1em;
   /* margin-inline-start: 40px;
    margin-inline-end: 40px;
    */
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    width: 100%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.book_view_top {
    max-width: 750px;
    height: 46.8px ;
min-width: 375px;
position: fixed;
z-index: 90;
width: 100%;
top: 0;

}